COMO DEIXAR ELEMENTO INVISÍVEL

Conteúdo

texto invisível html
caixa de texto invisível html

como deixar texto invisível no html?

Exemplo

<div hidden>Este texto não será mostrado no navegador.</div>

Onde usar o hidden?

Esse é um atributo global então pode ser usado em qualquer elemento HTML. No exemplo acima é usado uma <div>, mas poderia ser <span>, <h1>, <h2>, <h3>, <p> ou qualquer outro.

Quando usar o hidden?

O atributo hidden pode ser usado para ocultar elementos que serão mostrados após alguma ação, ou ocultar elementos após uma.
Também pode ser usado para conteúdos descritivo para tecnologia assistiva, como usado em leitores de tela, muito usado para acessibilidade.

Como tornar texto invisível com CSS?
Como tornar caractere invisível no HTML?
Como ocultar ou mostrar elemento com javascript?
O que é DOM em HTML?

Como deixar caixa de texto invisível no html?

Leia mais sobre: caixa de texto invisível html

Uma das maneiras é usando o atributo HTML hidden no input.

Para criar uma caixa de texto invisível em um formulário HTML pode ser usado o atributo hidden. Com ele a caixa de texto não fica visível para o usuário, mas ela existe no form.

É usado normalmente quando se precisa passar uma informação fixa pelo formulário com post, mas ela não precisa aparecer para o usuário. Também pode ser usado para validação do formulário como um campo falso, que não seria preenchido por um humano, mas sim por um robô.

Para passar uma informação pode ser usado o atributo value, ficando algo assim:

<input type="text" valor="informação da caixa de texto" name="campo-invisivel">

Se não quiser ver o campo basta inserir em um arquivo HTML e testar.

Leia mais sobre: caixa de texto invisível html